<script setup lang="ts">
const emit = defineEmits(['addGroup'])
const addGroup = ()=>{
    emit('addGroup')
}
</script>
<template>
    <div class="box" @click="addGroup">
        <el-icon size="100"><Plus /></el-icon>
    </div>
</template> 
<style scoped>
.box
{
    cursor: pointer;
    border-radius: 10px;
    background-color: transparent;
    backdrop-filter: blur(0px);
    color: transparent;
    text-align: center;
    transition: all 0.2s;
}
.box:hover
{
    background-color: rgba(173, 173, 173, 0.193);
    backdrop-filter: blur(3px);
    color: rgb(255, 255, 255);
}
</style>